@import url('bootstrap-3.0.0/dist/css/bootstrap.css');
@import url('bootstrap-3.0.0/dist/css/bootstrap.min.css');
*{
    margin: 0px;
    padding: 0px;
}
body {
    background: url(../images/background.jpg) repeat;
}
/* phan xu ly du lieu voi header */
#header{
    width: 100%;
    height: 50px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#user_image img{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    margin: 0px 10px 10px 0;
    cursor: pointer;
}
#user_image a{
    border: 1px solid #006699;
    border-radius: 10px;
    box-shadow: 4px 2px 1px 0;
}
#user_image a:hover {
    text-decoration: none
}
/* END header */
#wrapper{
    width: 990px;
    margin: 2px auto;
    height: auto;
}

#txtError{
    background-color: #ff6649;
    font-style: italic;
}
/* phan xu ly menu-bar */
#menu-bar ul{
    list-style: none;
    width: 100%;
    display: block;
}
#menu-bar ul li{
    width: 17%; /* <=> 170px */
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    float: left;
    text-align: center;
    box-shadow: 2px 1px 3px 0;
    text-transform: uppercase;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#menu-bar{
    width: 1000px;
    height: 40px;
    border-radius: 8px;
}
#menu-bar ul li a:hover {
    color: #F3C;
    font-weight: bold;
    text-decoration: none;
}
/* END menu-bar */
.active{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.content{
    width: 100%;
    height: 700px;
}
/* phan gioi thieu san pham */
#introduce-app img.image {
    width: 50px;
    height: 50px;
}
#introduce-app-l {
    float: left;
    width: 40%;
    margin-right: 10px;
}
#introduce-app-r {
    float: right;
    width: 58%;
}
.clear-fix{
    clear: both;
    height: 10px;
    width: 100%;
}

/* Phan hien thi loading data */
#loading-data {
    width: 100%;
    text-align: center;
}
/* phan xu ly hien thi danh sach ung dung va loc ung dung theo status */
#show-app-list {
    width: 60%;
    float: left;
}

div#abc {
    width: 180px;
    height: 100px;
    box-shadow: 4px 3px 2px #e4e4e4;
    margin: 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    float: left;
}

div#abc img {
    width: 100px;
    height: 70px;
}
div#abc a {
    text-decoration: none;
    background: url(../images/1398721882_shop_cart.png) no-repeat;
    padding-left: 20px;
    font-size: 12px;
    margin-left: 10px;
    float: left;
}
div#abc .detail {
    text-decoration: none;
    background: url(../images/ui-scroll-pane-detail-icon.png) no-repeat;
    padding-left: 20px;
    font-size: 12px;
    margin-left: 29px;
    float: left;
}
#filter-list {
    padding: 30px 0 0 20px;
    width: 200px;
    float: left;
}
/* search box */
#filter-list span {
    font-style: italic;
}
#contact {
    margin: 85px 10px 0 0;
    float: right;
}
/* Phần xử lý tìm kiếm dữ liệu */
#searchForm {
    width: 100%;
}
#data_search {
}
/* phan xu ly lien he khach hang */
#contact-app-r {
    width: 35%;
    float: left;
    height: 100%;
    box-shadow: 0 2px 1px 0;
}
#info {
    text-align: left;
    margin-left: 25%;
}
#contact-app-l {
    width: 60%;
    float: right;
    height: 100%;
    box-shadow: 0 2px 1px 0;
}
#contact-app-l p{
    width: 100%;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    background-color: #00AA88;
}
/* phan xu ly chi tiet san pham */
#layout {
    margin-top: 17px;
    float: right;
    width: 37%;
    box-shadow: 0px 3px 2px 0;
}
#layout ul {
    list-style-type: none;
}
#layout ul li {
    margin: 5px;
}
#layout p {
    width: 100%;
    padding: 5px;
    text-align: center;
    background-color: #00AA88;
}

/* Change password */
#changePass {
    border: solid 1px aliceblue;
    display: none;
}
#changePass p {
    padding: 5px;
    background-color: #000000;
    color: white;
    text-align: center;
}
/*ti gia ngoại tệ */
table.tygiangoaite {
    border-collapse: collapse;
    width: 100%;
}
table.tygiangoaite td {
    border: 1px dotted #ccc;
    padding: 2px;
    font-size: 12px;
}
tr.th {
    text-align: center;
    background:#0E5841;
    font: bold normal 13px arial;
    color:#fff;
}
tr.td {
    border: 1px dotted #ccc; padding:2px; background-color: #6EAA58;
    text-align: center;
    color: white;
    font-weight: bold;
}
table.tygiangoaite td.r {text-align: left;}
table.tygiangoaite tr:hover { background:#D4E6CC;}

/* */
label.error{
    font-size: 12px;
    font-style: italic;
    color: red;
}



